<template>
  <div>
    <Vheader title="合伙人"></Vheader>
    <div class="partner-one">
      <p>0</p>
      <p>佣金(元)</p>
    </div>
    <div class="partner-two">粉丝共消费: <span>0元</span></div>
    <div class="p-wrapper">
      <div class="p-container">
        <div class="partner-tr">
          <div class="partner-tr-item">用户</div>
          <div class="partner-tr-item">购买时间</div>
          <div class="partner-tr-item">消费</div>
          <div class="partner-tr-item">购买商品</div>
        </div>
        <div class="partner-tr">
          <div class="partner-tr-item">lily</div>
          <div class="partner-tr-item">2016-9-18</div>
          <div class="partner-tr-item">20.00</div>
          <div class="partner-tr-item">饼干</div>
        </div>
        <div class="partner-tr">
          <div class="partner-tr-item">lily</div>
          <div class="partner-tr-item">2016-9-18</div>
          <div class="partner-tr-item">20.00</div>
          <div class="partner-tr-item">饼干</div>
        </div>
        <div class="partner-tr">
          <div class="partner-tr-item">lily</div>
          <div class="partner-tr-item">2016-9-18</div>
          <div class="partner-tr-item">20.00</div>
          <div class="partner-tr-item">饼干</div>
        </div>
        <div class="partner-tr">
          <div class="partner-tr-item">lily</div>
          <div class="partner-tr-item">2016-9-18</div>
          <div class="partner-tr-item">20.00</div>
          <div class="partner-tr-item">饼干</div>
        </div>
        <div class="partner-tr">
          <div class="partner-tr-item">lily</div>
          <div class="partner-tr-item">2016-9-18</div>
          <div class="partner-tr-item">20.00</div>
          <div class="partner-tr-item">饼干</div>
        </div>
        <div class="partner-tr">
          <div class="partner-tr-item">lily</div>
          <div class="partner-tr-item">2016-9-18</div>
          <div class="partner-tr-item">20.00</div>
          <div class="partner-tr-item">饼干</div>
        </div>
        <div class="partner-tr">
          <div class="partner-tr-item">lily</div>
          <div class="partner-tr-item">2016-9-18</div>
          <div class="partner-tr-item">20.00</div>
          <div class="partner-tr-item">饼干</div>
        </div>
        <div class="partner-tr">
          <div class="partner-tr-item">lily</div>
          <div class="partner-tr-item">2016-9-18</div>
          <div class="partner-tr-item">20.00</div>
          <div class="partner-tr-item">饼干</div>
        </div>
        <div class="partner-tr">
          <div class="partner-tr-item">lily</div>
          <div class="partner-tr-item">2016-9-18</div>
          <div class="partner-tr-item">20.00</div>
          <div class="partner-tr-item">饼干</div>
        </div>
        <div class="partner-tr">
          <div class="partner-tr-item">lily</div>
          <div class="partner-tr-item">2016-9-18</div>
          <div class="partner-tr-item">20.00</div>
          <div class="partner-tr-item">饼干</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  import Vheader from '../../components/header.vue'
  export default {
    data() {
      return {};
    },
    created() {

    },
    mounted() {

    },
    methods: {},
    components: {Vheader}
  };
</script>

<style type="text/scss" lang="scss">
  @import "../../common/style/public";
  .partner-one{
    width: 100%;
    height: 80px;
    position: fixed;
    top:44px;
    background-color: #f06a22;
    color: #FFFFFF;
    padding: 10px 0;
    text-align: center;
    z-index: 100;
    box-sizing: border-box;
    p:nth-child(1){
      font-size: 17px;
    }
    p:nth-child(2){
      padding-top: 5px;
    }
  }
  .partner-two{
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    position: fixed;
    top: 124px;
    background-color: #FFFFFF;
    border-bottom: solid 1px #f5f5f5;
    z-index: 100;
    box-sizing: border-box;
    span{
      color:#f06a22;
    }
  }
  .p-wrapper{
    width: 100%;
    height: calc(100% - 168px);
    position: absolute;
    top:168px;
    .p-container{
      width: 100%;
      background-color: #FFFFFF;
      .partner-tr{
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: flex;
        border-bottom: solid 1px #f5f5f5;
        box-sizing: border-box;
        .partner-tr-item{
          flex: 1;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }
    }
  }
</style>
